﻿<UserControl x:Class="FieldTest.ProgressIcon"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d">
    <Grid x:Name="LayoutRoot" Background="Transparent" 
          HorizontalAlignment="Center" VerticalAlignment="Center">
        <Grid.RenderTransform>
            <ScaleTransform x:Name="SpinnerScale" ScaleX="1" ScaleY="1" />
        </Grid.RenderTransform>
        <Canvas RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Center" VerticalAlignment="Center" Width="16" Height="16" >
            <Ellipse Width="2.911333333333333" Height="2.914933333333333" Canvas.Left="2.68928" Canvas.Top="1.301810666666667" Stretch="Fill" Fill="Red" Opacity="1.0"/>
            <Ellipse Width="2.911333333333333" Height="2.914933333333333" Canvas.Left="0.3824213333333333" Canvas.Top="3.994413333333333" Stretch="Fill" Fill="Orange" Opacity="0.9"/>
            <Ellipse Width="2.911333333333333" Height="2.914933333333333" Canvas.Left="6.716773333333333e-7" Canvas.Top="7.724546666666667" Stretch="Fill" Fill="Orange" Opacity="0.8"/>
            <Ellipse Width="2.911333333333333" Height="2.914933333333333" Canvas.Left="1.61604" Canvas.Top="11.10884" Stretch="Fill" Fill="Orange" Opacity="0.7"/>
            <Ellipse Width="2.911333333333333" Height="2.914933333333333" Canvas.Left="4.872786666666667" Canvas.Top="13.08506666666667" Stretch="Fill" Fill="Orange" Opacity="0.6"/>
            <Ellipse Width="2.911333333333333" Height="2.914933333333333" Canvas.Left="8.622973333333333" Canvas.Top="12.91214666666667" Stretch="Fill" Fill="Orange" Opacity="0.5"/>
            <Ellipse Width="2.911333333333333" Height="2.914933333333333" Canvas.Left="11.68234666666667" Canvas.Top="10.83710666666667" Stretch="Fill" Fill="Orange" Opacity="0.4"/>
            <Ellipse Width="2.911333333333333" Height="2.914933333333333" Canvas.Left="13.08866666666667" Canvas.Top="7.2552" Stretch="Fill" Fill="Orange" Opacity="0.3"/>
            <Ellipse Width="2.911333333333333" Height="2.914933333333333" Canvas.Left="12.39784" Canvas.Top="3.599173333333333" Stretch="Fill" Fill="Orange" Opacity="0.2"/>
            <Ellipse Width="2.911333333333333" Height="2.914933333333333" Canvas.Left="6.303773333333333" Canvas.Top="0.0666666666666667" Stretch="Fill" Fill="Orange" Opacity="0.1"/>
            
            <Canvas.RenderTransform>
                <RotateTransform x:Name="SpinnerRotate" Angle="0" />
            </Canvas.RenderTransform>
            
            <Canvas.Triggers>
                <EventTrigger RoutedEvent="ContentControl.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetName="SpinnerRotate" 
                                 Storyboard.TargetProperty="(RotateTransform.Angle)" 
                                 From="0" To="360" Duration="0:0:01" 
                                 RepeatBehavior="Forever" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Canvas.Triggers>
        </Canvas>
    </Grid>
</UserControl>
